@import "../common/rem";

.ba-bk {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #000000;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.ba-bk-show {
  opacity: .4;
  visibility: visible;
}

.ba-dialog {
  position: fixed;
  width: 100%;
  z-index: 101;
  background-color: white;
  bottom: 0px;
  left: 0px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.ba-dialog-show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.ba-btn-wrapper {
  .px2px(font-size, 32);
  position: relative;
  .px2rem(height, 100);
  .px2rem(line-height, 100);
  background-color: #f7f7f7;
  border-bottom: 1px solid #ddd;
}

.ba-h40 {
  .px2rem(height, 20);
  background-color: #efecec;
}
